<template>
  <div>
    <van-nav-bar class="back" left-text="返回" left-arrow :fixed="true" @click-left="onClickLeft" />
    <img @click="act" class="btnimg" src="@/assets/images/seckill/tohome.png" alt />
    <div class="content">
      <img class="points-img" v-lazy="info[index].img" alt />
    </div>
  </div>
</template>

<script>
import { imgBaseUrl } from '@/config/env';
import { NavBar } from 'vant';
export default {
  data() {
    return {
      imgBaseUrl,
      index: 0,
      info: [
        {
          img: require('@/assets/images/seckill/rule.jpg')
        }
      ]
    };
  },
  created() {
    this.index = 0;
  },
  components: {
    'van-nav-bar': NavBar
  },
  methods: {
    act() {
      this.$router.push('/');
    },
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="scss" scoped>
body {
  background-color: #004ef8;
}
.btnimg {
  width: 130px;
  position: fixed;
  top: 500px;
  right: 30px;
}
.content {
  // margin-top: 88px;
  overflow: hidden;
  background-color: #fff;
  // padding-bottom: 30px;
  background-color: #004ef8;
  margin-top: 88px;
}
.title {
  @include sc(32px, #232323);
  margin: 40px 35px;
}
.points-img {
  margin: 0 auto;
  display: block;
}
.txt {
  @include sc(24px, #232323);
  margin: 0 32px;
}
.van-nav-bar__text {
  @include sc(30px, #2ab568);
}
.van-icon-arrow-left::before {
  color: #2ab568;
}
</style>